<html>
  <body>
    <pre>
    <code class="lang-javascript">
      function foo(){
      return "hello highlightjs";
      }
    </code>
    </pre>
    <br>
    <pre>
    <code class="lang-html">
&lt;link rel="stylesheet" type="text/css" href="http://app.klipse.tech/css/codemirror.css"&gt;
&lt;script&gt;
window.klipse_settings = {
   selector: '.language-klipse'// css selector for the html elements you want to klipsify
};
&lt;/script&gt;
&lt;script src="http://app.klipse.tech/plugin/js/klipse_plugin.js"&gt;&lt;/script&gt;
</code>
    </pre>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.6.0/styles/default.min.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.6.0/highlight.min.js"></script>
    <script>hljs.initHighlightingOnLoad();</script>

    
  </body>
</html>
